<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>里定订货宝-订单</title>
    <link rel="stylesheet" href="./assets/layui/css/layui.css">
    <!-- inject:css -->
    <!-- endinject -->
    <script src="./assets/jquery-1.12.4.min.js"></script>
</head>
<body>
<!-- header 公共头部组件 -->
<div class="header">
    <div class="nav wrapper clearfix">
        <div class="logo ">
            <img class="logo-item" src="./images/logo.png" alt="里定订货宝">
        </div>
        <div class="nav-action inline-wrapper">
            <div class="search-action inline-item">
                <input type="text" placeholder="商品名称">
                <i class="icon icon-search"></i>
            </div>
            <div class="split-line-vertical inline-item"></div>
            <div class="cart-action inline-item">
                <a href="./cart.html">
                    <i class="icon icon-cart"></i>
                    <span class="inline-item">购物车</span>
                </a>
            </div>
        </div>

        <div class="server-contact inline-wrapper">
            <i class="icon icon-phone"></i>
            <h3 class="inline-item">400-632-5588</h3>
        </div>
    </div>
    <div class="nav-menu-wrapper">
        <div class="nav-menu wrapper">
            <ul class="inline-wrapper">
                <li class="inline-item">
                    <a href="./index.html">首页</a>
                </li>
                <li class="inline-item">
                    <a href="./goods.html">商品</a>
                </li>
                <li class="inline-item">
                    <a href="./order.html">订单</a>
                </li>
                <li class="inline-item menu-select-hover">
                    <a href="#">全部商品分类</a>
                    <i class="icon icon-classification"></i>
                    <div class="nav-menu-select shadow-item">
                        <div class="nav-menu-option active">
                            <a href="#">新生儿疾病筛查型</a>
                        </div>
                        <div class="nav-menu-option ">
                            <a href="#">产前筛查型</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">体检型</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">903滤纸</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">新筛试剂</a>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="user-action">
                <div class="user-not-loged">
                    <i class="icon icon-user"></i>
                    <div class="inline-item">
                        <span>您好,</span>
                        <a href="./login.html">请登录</a>
                    </div>
                </div>
                <div class="user-loged"></div>
            </div>

        </div>
    </div>
</div>

<!-- content order 页面内容 -->
<div class="cart-content clearfix" id="content_minHeight">
    <!-- 购物车为空时 显示 -->
    <div class="wrapper shadow-item cart-empty">
        <div class="cart-title"></div>
        <div class="cart-tips">购物车空空的哦~</div>
        <div class="shop-btn inline-wrapper">
            <a href="./goods.html">
                <span class="inline-item">点击前去购物</span>
                <i class="icon icon-arrow-right-white"></i>
            </a>
        </div>
    </div>

    <!-- 购物车不为空时 显示 -->
    <div class="wrapper cart-view">
        <div class="cart-header inline-wrapper">
            <div class="inline-item radio-input-wrapper">
                <input class="radio-input checked-all-hook" type="checkbox"/>
                <span>全选</span>
            </div>
            <div class="inline-item">
                商品信息
            </div>
            <div class="inline-item">
                单价
            </div>
            <div class="inline-item">
                数量
            </div>
            <div class="inline-item">
                金额
            </div>
            <div class="inline-item">
                操作
            </div>
        </div>
        <div class="cart-item-wrapper">
            <div class="cart-item inline-wrapper shadow-item">
                <div class="inline-item inline-wrapper goods-info">
                    <input class="inline-item checked-hook" type="checkbox">
                    <div class="goods-image-wrapper">
                        <div class="goods-img">
                            <img class="inline-item goods-image"
                                 src="http://dhgl.ldxxw.com.cn/upload/product/91/201704171707362211_250.jpg" alt="">
                        </div>
                    </div>
                    <div class="inline-item goods-name">
                        <a href="./detail.html" target="_blank">
                            <h3>新生儿疾病筛查型</h3>
                            <span>Neonatal screening type</span>
                        </a>
                    </div>
                </div>
                <div class="inline-item goods-price" data-price="80">
                    ￥80.00
                </div>
                <div class="inline-item">
                    <div class="inline-item inline-wrapper goods-edit">
                        <i class="icon icon-reduce"></i>
                        <input class="cart-num inline-item" value="100" data-limit="100" type="text">
                        <i class="icon icon-plus"></i>
                    </div>
                </div>
                <div class="inline-item goods-count">
                    ￥<strong>8000.00</strong>
                </div>
                <div class="inline-item">
                    <a class="remove-hook" href="javascript: void(0);">移除</a>
                </div>
            </div>
            <div class="cart-item inline-wrapper shadow-item">
                <div class="inline-item inline-wrapper goods-info">
                    <input class="inline-item checked-hook" type="checkbox">
                    <div class="goods-image-wrapper">
                        <div class="goods-img">
                            <img class="inline-item goods-image"
                                 src="http://dhgl.ldxxw.com.cn/upload/product/48/201703311230498051_250.jpg" alt="">
                        </div>
                    </div>
                    <div class="inline-item goods-name">
                        <a href="./detail.html" target="_blank">
                            <h3>新生儿疾病筛查型</h3>
                            <span>Neonatal screening type</span>
                        </a>
                    </div>
                </div>
                <div class="inline-item goods-price" data-price="90">
                    ￥90.00
                </div>
                <div class="inline-item">
                    <div class="inline-item inline-wrapper goods-edit">
                        <i class="icon icon-reduce"></i>
                        <input class="cart-num inline-item" value="100" data-limit="100" type="text">
                        <i class="icon icon-plus"></i>
                    </div>
                </div>
                <div class="inline-item goods-count">
                    ￥<strong>9000.00</strong>
                </div>
                <div class="inline-item">
                    <a class="remove-hook" href="javascript: void(0);">移除</a>
                </div>
            </div>
        </div>
    </div>
    <div class="wrapper cart-footer cart-view">
        <div class="inline-wrapper clearfix">
            <input class="inline-item radio-item checked-all-hook" id="checkall" type="checkbox">
            <label class="inline-item" for="checkall">全选</label>
            <span class="inline-item remove-checked">删除</span>
            <span class="inline-item">分享</span>
            <div class="cart-info-warpper inline-wrapper">
                <div class="cart-info inline-item">已选商品<strong id="checked_num_hook">0</strong>种</div>
                <div class="cart-info inline-item">数量:<strong id="checked_num_count_hook">0</strong></div>
                <div class="cart-info inline-item">合计(不含运费):<strong id="checked_count">0.00</strong></div>
                <div class="checkout-btn inline-item">
                    <a href="javascript:void(0);" class="checkout-hook">结算</a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- footer 公用 footer 组件 -->
<div class="footer">
    <ul class="footer-menu wrapper inline-wrapper">
        <li class="inline-item">
            <a href="#">关于我们</a>
        </li>
        <li class="inline-item">
            <a href="#">联系我们</a>
        </li>
        <li class="inline-item">
            <a href="#">会员介绍</a>
        </li>
        <li class="inline-item">
            <a href="#">购物指南</a>
        </li>
        <li class="inline-item">
            <a href="#">常见问题</a>
        </li>
    </ul>
</div>
<script src="./assets/layui/layui.js"></script>
<!-- inject:js -->
<!-- endinject -->
</body>
</html>